<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>
                EZComm
        </title>
        <style type="text/css">
                html,body{height: 100%;margin: 0;}
                .header{border-bottom:1px solid #ccc;}
                .sidebar{width:25%;float:left;}
                .main{width:75%;float:left;
                        display: flex;height: 100%;
                        flex: 1 1 auto;flex-flow: column;}
                .multiinput {border: solid 2px #999;}
        </style>
</head>
<body>
        <div class="sidebar">
                <div class="header">
                        <h3>
                                <a href="https://gitlab.com/bon-ami/ezcomm">EZComm</a>
                        </h3>
                        <div align="right">Vdev
                        <div style="font-size:70%">of <a href="https://ezproject.sourceforge.io/">EZ project</a>
                        </div></div>
                </div>
                <form action="./lan.xhtml" method="post" enctype = "application/x-www-form-urlencoded" ><!-- "multipart/form-data">-->
                        <textarea name="sms" placeholder="SMS">text to share between client and server</textarea>
                        <div class="multiinput" contenteditable="true" id="divcont">
                                SMS
                        </div>
                        <input type="submit"/>
                </form>
        </div>
        <div id="main" class="main">
                <iframe width="99%" height="100%" src="/">
                </iframe>
        </div>
</body>
</html>
